html, body {
    height: 100%;
}
#app {
 height: 100%;
}

.table-toolbar {
    margin-bottom:20px;
    overflow:hidden;  /*overflow:hidden;可以清除浮动*/
}

.table-toolbar>a {
    float:right;
}

.el-pagination {
    text-align:right;
    margin-top:20px;
}

.crumbs {
    margin-bottom:40px;
}

.slide-enter-active{
    transition: all 0.5s;
}
.slide-enter{
    transform: translateY(20px);
    opacity: 0;
}

.el-select {
    display: block;
}
.el-cascader {
    display: block;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.photo-list {
    display: flex;
    align-items: flex-start;
}

.photo-list>img {
    max-width: 192px;
    margin: 8px;
}

/*sidebar*/
.side-bar {
    background-color: #fff;
    width: 240px;
    margin: 0 20px;
    flex: none;
}

.el-menu--dark .el-menu-item, .el-menu--dark .el-submenu__title {
    background-color: #fff;
    color: #6d6d6d;
    border-bottom: 1px solid #e5e5e5;
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: #e5e5e5;
}

.el-menu-item.is-active {
    color: #fff;
    background-color: #569efe;
}

.el-submenu .el-menu-item:hover, .el-submenu__title:hover {
    color: #569efe;
}

.el-menu--dark .el-menu-item:hover, .el-menu--dark .el-submenu__title:hover {
    color: #fff;
    background-color: #569efe;
}

.el-menu--dark .el-submenu .el-menu .el-menu-item:hover {
    color: #fff;
    background-color: #569efe;
}

.el-menu-item a {
    color: inherit;
    display: block;
}

.el-menu .icon {
    height: 14px;
    vertical-align: middle;
}